const app=getApp()
Page({
  /**
   * 页面的初始数据
   */
  data: {
    /*城市定位数据*/
    currentCity:[],
    //声明变量，表示选中首页导航标题时标题的下标索引
    currentIndexNav:0,
    //首页导航数据
    navList:[
      {
    "text":"热门视频",
    "id":0
     },
     {
      "text":"说唱",
      "id":1
      },
     {
        "text":"摇滚",
        "id":2
     },
     {
          "text":"流行",
          "id":3
      },
      {
        "text":"电音",
        "id":4
         },
    ],
    //轮播图数据
    swiperList:[
    {  
      "id":0,
      "link":"",
      "imgSrc":"https://ae01.alicdn.com/kf/H362ea49d9dfa43a4acc64eef93ab8829V.jpg"
    },
    {
      "id":1,
      "link":"",
      "imgSrc":"https://ae01.alicdn.com/kf/Hef8fae80b32c4e74a11c648e5a87299be.jpg"
    },
    {
      "id":2,
      "link":"",
      "imgSrc":"https://ae01.alicdn.com/kf/H0d9b2bc203344cbcb63dcd8dba9c5dden.jpg"
    },
    {
      "id":3,
      "link":"",
      "imgSrc":"https://ae01.alicdn.com/kf/H56103f79ebbc45f5bffcc713f656a9bbr.jpg"
    },
    {
      "id":4,
      "link":"",
      "imgSrc":"https://ae01.alicdn.com/kf/H4d70f67832e44b39b5c18a73144285ceR.jpg"
    }

    ],
    //视频列表数据
    videoList:[
       {
        "id":0,
        "link":"",
        "imgSrc":"https://ae01.alicdn.com/kf/Hf5d42687baa9419684e05f79347a0dcdB.jpg",
        "desc":"生活因你而火热，新裤子-乐队的夏天",
        "playCount":"546万",
        "commentCount":"999+"
       },
       {
        "id":1,
        "link":"",
        "imgSrc":"https://ae01.alicdn.com/kf/Hc1476fca2f9844acb8f790809ff330dfi.jpg",
        "desc":"EdcChen,陈冠希 C L O T",
        "playCount":"122万",
        "commentCount":"999+"
       },
       {
       "id":2,
       "link":"",
       "imgSrc":"https://ae01.alicdn.com/kf/Hb2703ba0c4834f28a9e4c24c10f5956bH.jpg",
       "desc":"Eminem,说唱传奇，精神信仰,格莱美神话",
       "playCount":"1020万",
       "commentCount":"1w+"
       },
       {
        "id":3,
        "link":"",
        "imgSrc":"https://ae01.alicdn.com/kf/H4ac4a016b736403f9cfd4d6bbc7a4c3ak.jpg",
        "desc":"you are beautiful,非常好听的一首歌",
        "playCount":"9万",
        "commentCount":"1w+"
        },
        {
          "id":4,
          "link":"",
          "imgSrc":"https://ae01.alicdn.com/kf/Hcb5adae827e94518977a3a79f7fef55dh.jpg",
          "desc":"Gala乐队，带你体验不一样的英语口音",
          "playCount":"100万",
          "commentCount":"1w+"
          }
    ]

  },
  //点击首页导航菜单按钮所触发函数
activeNav:function(e){

   //当点击时，改变data中currentIndexNav的值,产生css样式的改变,e为事件源
   this.setData({
    //target表示点击的当前标签的dom对象,dataset表示自定义属性的集合
currentIndexNav:e.target.dataset.index,
  });
  if(e.target.dataset.text==='说唱'){
      wx.navigateTo({
        url: '../rap/rap'
      })
  }
  if(e.target.dataset.text==='摇滚'){
    wx.navigateTo({
      url: '../rock/rock'
    })
}
if(e.target.dataset.text==='流行'){
  wx.navigateTo({
    url: '../liuxing/liuxing'
  })
}
if(e.target.dataset.text==='电音'){
  wx.navigateTo({
    url: '../dj/dj'
  })
}

},

/**
 * 
 *获取首页导航数据函数
 */
getNavList(){
  this.setData({
    navList:this.data.navList
  })
  /** 
  let that=this;
//使用小程序内置发送请求的方法
wx.request({
  url: 'http://mock-api.com/mnEe4VnJ.mock/navList',
  success(res){ //触发的回调函数
    //console.log(res); 控制台打印请求结果
    //请求成功则把结果传给data
    if(res.data.code===0){
      that.setData({    //因为此this不再指向当前小程序，发生了嵌套，所以得在嵌套外传入this
        navList:res.data.data.navList
      })
    }
  } 
})
*/
},
//获取轮播图数据
getSwiperList(){
  this.setData({
    swiperList:this.data.swiperList
  })
  /**
  let that=this;
wx.request({    //内置外部请求
  url: 'http://mock-api.com/mnEe4VnJ.mock/swiperList',
  success(res){      //回调函数
   // console.log(res);
   //请求成功回传给data里的变量,0表示请求成功
   if(res.data.code===0){
     that.setData({
   swiperList:res.data.data.swiperList
     })  
   }
  }
})
 */
},
//获取视频列表数据
getVideoList(){
   this.setData({
     videoList:this.data.videoList
   });
  /** 
  let that=this;
wx.request({    //内置外部请求
  url: 'http://mock-api.com/mnEe4VnJ.mock/videoList',
  success(res){      //回调函数
    console.log(res);
   //请求成功回传给data里的变量,0表示请求成功
   if(res.data.code===0){
     that.setData({
   videoList:res.data.data.videoList
     })  
   }
  }
})
*/
},
/*城市定位*/
toCity(){
  wx.navigateTo({
    url: '../city/city',
  })
},
/*获取当前城市*/
getLocation(){
  wx.request({
    url: 'http://www.h5yjy.com/api/getLocation',//获取当前城市
    success:(res)=>{
      var currentCity = res.data.data;// {nm:"北京",id:111}
      // 把值给全局globalcity
      app.globalData.currentCity=currentCity;
      // 根据当前城市id,获取当前城市 数据
      this.setData({currentCity});//更新视图的
    }
  })
 },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      //1.获取首页导航数据
      this.getNavList();
      //2.获取轮播图数据
      this.getSwiperList();
      //获取视频列表
      this.getVideoList();
        //初始化调用
    //获取当前城市
    this.getLocation();
    app.globalData.callBackEvent = ()=>{
      var currentCity = app.globalData.currentCity;
      this.setData({currentCity})
    }
  },



  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})